<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>租车网首页</title>
  <link rel="stylesheet" th:href="@{/res/layui/css/layui.css}">
  <!--引入awesome图标库的样式表-->
  <link rel="stylesheet" th:href="@{/res/font-awesome-4.7.0/css/font-awesome.css}">
  <link rel="stylesheet" th:href="@{/res/css/global.css}">
</head>

<body>

  <style>


  </style>
  <!---定义最外面的容器,container-->
  <div class="layui-col-md12" style="padding: 0px; background-color: #F2F2F2;">

    <!--以下包含导航栏页面-->
    <ul th:replace="./commons/nav :: common_nav">

    </ul>

  </div>


  <div class="layui-container fly-marginTop fly-user-main">
    <ul class="layui-nav layui-nav-tree layui-inline" lay-filter="user">
      <li class="layui-nav-item">
        <a th:href="@{/admin/findPagerCars}">
          <i class="fa fa-car fa-lg" aria-hidden="true"></i>
          车辆维护
        </a>
      </li>
      <li class="layui-nav-item">
        <a href="#">
          <i class="fa fa-cogs fa-lg" aria-hidden="true"></i>
          基本设置
        </a>
      </li>
      <li class="layui-nav-item">
        <a href="#">
          <i class="fa fa-th-list fa-lg" aria-hidden="true"></i>
          其它模块
        </a>
      </li>
      <li class="layui-nav-item">
        <a href="#">
          <i class="fa fa-th-list fa-lg" aria-hidden="true"></i>
          其它模块
        </a>
      </li>
    </ul>

    <div class="site-tree-mobile layui-hide">
      <i class="layui-icon">&#xe602;</i>
    </div>
    <div class="site-mobile-shade"></div>

    <div class="site-tree-mobile layui-hide">
      <i class="layui-icon">&#xe602;</i>
    </div>
    <div class="site-mobile-shade"></div>


    <div class="fly-panel fly-panel-user" pad20>
      <div class="layui-tab layui-tab-brief" lay-filter="user" id="LAY_msg" style="margin-top: 15px;">
        <!--以下是面包屑-->
        <div class="layui-card-header">
          <span class="layui-breadcrumb">
            <a><cite>后台管理</cite></a>
            <a id="currentType" href="#">首页</a>
            <a id="currentBrand" href="#"></a>
          </span>
        </div>


      </div>
    </div>

  </div>

  <!--网站页面尾部开始-->
  <div id="footer" class="layui-col-md12" style=" background-color: #666; height:120px;">
    <div class="copyright" style=" background-color: #666; height:120px;">
      <div class="layui-col-md4" style="text-align: right">
        <b style="color: rgb(34, 34, 34); font-size: 32px; display: block;">
          <font color="#ff6537" style="color: rgb(255, 101, 55);">预订说明</font>
        </b>
        <b style="color: rgb(34, 34, 34); font-size: 32px; display: block;"><span style="color: rgb(255, 255, 255); font-size: 15px; font-weight: normal;">让车拥有和使用更便捷、更实惠</span><span
            style="">
            <font face="Arial">
              <font color="#dcdcdc" style="color: rgb(220, 220, 220);"><br></font>
            </font>
          </span>
        </b>
        <b style="color: rgb(34, 34, 34); font-size: 32px;  display: block;">
          <span style="color: rgb(255, 255, 255); font-size: 15px; font-weight: normal;">服务优势</span><span style="">

          </span>
        </b>
      </div>

      <div class="layui-col-md4">
        <div>
          <b style="color: rgb(34, 34, 34); font-size: 32px; text-align: center; display: block;">
            <font color="#ff6537" style="color: rgb(255, 101, 55);">联系我们</font>

          </b>
          <b style="color: rgb(34, 34, 34); font-size: 32px; text-align: center; display: block;"><span style="color: rgb(255, 255, 255); font-size: 15px; font-weight: normal;">让车拥有和使用更便捷、更实惠</span><span
              style="">
              <font face="Arial">
                <font color="#dcdcdc" style="color: rgb(220, 220, 220);"><br></font>
              </font>
            </span>
          </b>

          <b style="color: rgb(34, 34, 34); font-size: 32px; text-align: center; display: block;">
            <span style="color: rgb(255, 255, 255); font-size: 15px; font-weight: normal;">服务优势</span><span style="">

            </span>
          </b>
        </div>

      </div>

      <div class="layui-col-md4">
        <div>
          <b style="color: rgb(34, 34, 34); font-size: 32px; text-align: left; display: block;">
            <font color="#ff6537" style="color: rgb(255, 101, 55);">帮助中心</font>

          </b>
          <b style="color: rgb(34, 34, 34); font-size: 32px; text-align: left; display: block;"><span style="color: rgb(255, 255, 255); font-size: 15px; font-weight: normal;">让车拥有和使用更便捷、更实惠</span><span
              style="">
              <font face="Arial">
                <font color="#dcdcdc" style="color: rgb(220, 220, 220);"><br></font>
              </font>
            </span>
          </b>

          <b style="color: rgb(34, 34, 34); font-size: 32px; text-align: left; display: block;">
            <span style="color: rgb(255, 255, 255); font-size: 15px; font-weight: normal;">服务优势</span><span style="">

            </span>
          </b>
        </div>

      </div>
    </div>

    <div class="copyright" style="padding: 20px;color:#FFF; background-color: #666; height:20px; text-align: center">
      ©2018 网站样板-汽车买卖租赁版权所有 &nbsp;&nbsp; [<a th:href="@{/admin/toMain}" style="color:#FFF">后台管理</a>]

    </div>
  </div>
  <!--网站页面尾部结束-->


  <script th:src="@{/res/layui/layui.js}"></script>
  <script th:inline="javascript">
    //一般直接写在一个js文件中
    layui.use(['layer', 'element', 'carousel', 'form', 'rate', 'laypage'], function () {
      var layer = layui.layer,
        form = layui.form;
      var element = layui.element;
      var carousel = layui.carousel;
      var rate = layui.rate;
      var laypage = layui.laypage;

      //layer.msg('Hello World');

      //监听导航点击
      element.on('nav(demo)', function (elem) {
        //console.log(elem)
        layer.msg(elem.text());
      });

      //常规轮播
      carousel.render({
        elem: '#test10',
        arrow: 'always',
        interval: 3000,
        anim: 'fade',
        width: '100%',
        height: '600px',
        top: '-400px'
      });


      //半星效果
      rate.render({
        elem: '#test1',
        value: 2.5 //初始值
          ,
        half: true //开启半星
          ,
        readonly: true
      });

      rate.render({
        elem: '#test2',
        value: 3.5 //初始值
          ,
        half: true //开启半星
          ,
        readonly: true
      });

      rate.render({
        elem: '#test3',
        value: 4.5 //初始值
          ,
        half: true //开启半星
          ,
        readonly: true
      });

      rate.render({
        elem: '#test4',
        value: 5 //初始值
          ,
        half: true //开启半星
          ,
        readonly: true
      });

      rate.render({
        elem: '#test5',
        value: 5 //初始值
          ,
        half: true //开启半星
          ,
        readonly: true
      });

      rate.render({
        elem: '#test6',
        value: 5 //初始值
          ,
        half: true //开启半星
          ,
        readonly: true
      });

      laypage.render({
        elem: 'mypager',
        count: 70 //数据总数
          ,
        jump: function (obj) {
          console.log(obj)
        }
      });

    });
  </script>

</body>

</html>